<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
  <base href="/">
  <meta charset="utf-8">
  <title>404页面-您已飞到火星上了...</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="keywords" th:content="${index[0].blogKeywords}">
  <meta name="description" th:content="${index[0].blogDescription}">
  <link rel="stylesheet" href="res/layui/css/layui.css">
  <link rel="stylesheet" href="res/css/global.css">
</head>
<body>

<div class="fly-header layui-bg-black">
  <div class="layui-container">
    <a class="fly-logo" href="/">
      <img th:src="${index[0].blogLogo}" alt="layui" width="200" height="40">
    </a>

  </div>
</div>

<div class="layui-hide-xs">
  <div class="fly-panel fly-column">
    <div class="layui-container">
      <ul class="layui-clear">
        <li class="layui-hide-xs"><a href="/">首页</a></li>
      </ul>
    </div>
  </div>
</div>

<div class="layui-container fly-marginTop">
	<div class="fly-panel">
	  <div class="fly-none">
	    <h2><i class="iconfont icon-404"></i></h2>
	    <p>很抱歉，您访问的页面不存在……</p>
	    <p>倒计时-【 <b id="countdown" style="color: red"></b> 秒后 】转跳到首页...<a href="/" target="_blank"> 【立即转跳】 </a></p>
	  </div>
	</div>
</div>
<footer th:replace="footer::header-fragment"></footer>

<script src="res/layui/layui.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
layui.cache.page = '';
layui.cache.user = {
  username: '游客'
  ,uid: -1
  ,avatar: 'res/images/avatar/00.jpg'
  ,experience: 123
  ,sex: '男'
};
layui.config({
  version: "3.0.0"
  ,base: 'res/mods/'
}).extend({
  fly: 'index'
}).use('fly');
</script>
<script>
  $(function() {
    var autoJump = {
      t: 5,
      timer: null,
      el: '#countdown',
      href: '/',
      jump: function() {
        window.location.href = this.href;
      },
      render: function() {
        $(this.el).html(this.t);
      },
      init: function() {
        this.render();
        var _this = this;
        _this.timer = setInterval(function() {
          if (_this.t < 1) {
            _this.jump();
            clearInterval(_this.timer);
          } else {
            _this.t--;
            _this.render();
          }
        }, 1000)
      }
    };
    autoJump.init();
  })
</script>
</body>
</html>